﻿<phone:PhoneApplicationPage xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"  xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"  
    x:Class="DBFM7.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:ctl="clr-namespace:DBFM7"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="696"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
     BackKeyPress="MainPage_BackKeyPress"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent" >

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="DB.FM 7" Style="{StaticResource PhoneTextNormalStyle}"/>
        </StackPanel>
        <ctl:ChannelNav x:Name="channelNav" Margin="0,20,0,0"></ctl:ChannelNav>
        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <StackPanel Orientation="Vertical" VerticalAlignment="Top" HorizontalAlignment="Center" Margin="0,20,0,0">
                <TextBlock x:Name="PlayTime" HorizontalAlignment="Center" Text=" " Margin="0,0,0,8"/>
                <StackPanel x:Name="AlubmImage_Double" Margin="0,1,0,0" ManipulationCompleted="AlubmImage_Double_ManipulationCompleted" ManipulationStarted="AlubmImage_Double_ManipulationStarted" >
                    <Image x:Name="AlubmImage" Width="360" Height="360" Stretch="Fill">
                </Image>

                <Image x:Name="AlubmImage_Copy" Width="360" Height="40.182" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Stretch="Fill" Opacity="0.3">
                	<Image.OpacityMask>
                		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                			<GradientStop Color="#00000000" Offset="0.0"/>
                			<GradientStop Color="#FF000000" Offset="0.1"/>
                		</LinearGradientBrush>
                	</Image.OpacityMask>
                	<Image.RenderTransform>
                		<CompositeTransform Rotation="-0.087" ScaleY="-1" SkewX="39.154" TranslateX="16.318" TranslateY="-0.025"/>
                	</Image.RenderTransform>
                	</Image>
                </StackPanel>
                <Canvas>
                    <Canvas.Resources>
                        <Storyboard x:Name="sb">
                            <DoubleAnimation x:Name="animation"
                            Storyboard.TargetProperty="(Canvas.Left)"
                            Storyboard.TargetName="SongName"
                            Duration="0:0:9"
                            RepeatBehavior="Forever" />
                        </Storyboard>
                    </Canvas.Resources>
                <TextBlock  x:Name="SongName" FontSize="24"   HorizontalAlignment="Center" Margin="0,15,0,0" />
                </Canvas>
            </StackPanel>
        </Grid>
        <!--Sample code showing usage of ApplicationBar-->

        <Path Stroke="#FFE2C9C9" StrokeThickness="2" >
            <Path.Data>
                <LineGeometry StartPoint="20,130" EndPoint="460,130" />
            </Path.Data>
        </Path>
    </Grid>
        <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar x:Name="AppBar" IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton x:Name="btn_f" IconUri="/ICON/appbar.favs.addto.rest.png" Text="最爱"  Click="btn_f_Click" />
            <shell:ApplicationBarIconButton x:Name="btn_p" IconUri="/ICON/appbar.transport.play.rest.png"  Text="播放" Click="btn_p_Click" />
            <shell:ApplicationBarIconButton x:Name="btn_n" IconUri="/ICON/appbar.transport.ff.rest.png" Text="下一首" Click="btn_n_Click"  />
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="men_about" Text="关于"  Click="men_about_Click"/>
            </shell:ApplicationBar.MenuItems>
            </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
</phone:PhoneApplicationPage>